<template>
  <div class="">
    <!-- ggre -->
    <DetailedWord :key="111" word="ability" :show="isShow" />
    <!-- <Translate :key="111" word="abandon" show="true" /> -->
    <IsRecognizeWord v-if="!isShow" />
  </div>
</template>

<script setup>
import { ref, computed } from "vue";
import getAiResponse from "../../api/getAi.js";
import { marked } from "marked";
import DetailedWord from "../../components/detailedWord.vue";
import IsRecognizeWord from "../../components/isRecognizeWord.vue";
import Translate from "../../components/translate.vue";

import { inject } from "vue";

const isShow = ref(false);


const theme = inject("theme");
const setTheme = (newTheme) => {
  theme.value = newTheme; // 更新全局主题
};
</script>

<style scoped></style>